/*在方法外定义，其它的方法也可以用*/
//获得所有选框的对象，有一个相同的name
var fav=document.getElementsByName("fav");

/*判断是否被全选*/
/*this传进来      简写th   this指整个input*/
function checkAll(th){
	/*checked 返回true/false*/
	var flag=th.checked;
	
	
	
	/*这是分析的思路*/
	/*if(flag){
		for(var i in fav){
			fav[i].checked=true;
		}
	}else{
		for(var i in fav){
			fav[i].checked=false;
		}
	}*/
	
	/*简写    都选择了返回true*/
	for(var i in fav){
		fav[i].checked=flag;
	}
}
//单选决定全选
function checkOne(){
	var flag=true;
	/*多选框下标由0开始，第一个全选是0，所以由1开始，减去最后一个全选*/
	for(var i=1;i<fav.length-1;i++){
		//如果有一个没有选择，则跳出循环
		if(!fav[i].checked){
			flag=false;
			break;
		}
	}
	//决定框是否被选  ，第一个全选框，与最后一个全选框
	fav[0].checked=flag;
	fav[fav.length-1].checked=flag;
	
	//价格是否统计
	var zong = 0;//商品总价格
	//统计是否有勾选项
	var num=0;
	//统计商品数量
	var spNum=0;
	for(var i=1;i<fav.length-1;i++){
		
		if(fav[i].checked){
			
		num++;
		//获得ul父节点，  input 的父节点li 
		var par=fav[i].parentNode.parentNode;
		//获得ul下指定的ul下面的所有的li
		var li=par.getElementsByTagName("li");
		//由0开始数起    第6个li 是单个商品的总价
		var z= li[6].innerText.split("￥")[1];
		//获得所有商品的总价格
		zong+=Number(z);
		document.getElementById("zongz").innerText=zong;
		
		//获得商品的数量
		var z2= li[5].getElementsByTagName("input");
		var num2=z2[0].value;//只有一个input,所以集合下标是0
		spNum+=Number(num2);
		//获得商品数量统计对象
		document.getElementById("snum").innerText=spNum;
		}
	}
	if(num==0){
		document.getElementById("zongz").innerText=0;
		document.getElementById("snum").innerText=0;
	}
}

//控制数量的增加与减小
function checkAdd(th,sig){
	var pre;
	//1要用双引号
	if(sig=="1"){
		//获得得下一个节点
		 pre= th.nextElementSibling;
		
		if(Number(pre.value)>0){
			pre.value=Number(pre.value)-1;
		}
		
	}else{
		//获得上一个节点对象
	    pre = th.previousElementSibling;
	//获得节点的value值   强转为Number
	   pre.value=Number(pre.value)+1;
	}
	
	//计算总价
	//获得父节点的上一个节点    商品的单价
	var val=pre.parentNode.previousElementSibling.innerHtml;
	//计算总价
	var zong=Number(val)*Number(pre.value);
	//把总价格赋给指定的对象
	pre.parentNode.nextElementSibling.innerHTML="￥"+zong;
	
	
}

//删除指定节点
function checkRemove(th){
	//获得父节点div
	var div=th.parentNode.parentNode.parentNode;
	div.remove();
}

